<template>
  <div id="app">
    <TopBar></TopBar>
    <Header></Header>
    <router-view></router-view>
    <Footer></Footer>
    <login v-show="loginshow"></login>
  </div>
</template>


<script>
import TopBar from './components/TopBar.vue'
import Header from './components/Header.vue'
import Footer from './components/Footer.vue'
import { jingpinAPT } from "@/request/api"
import login from './components/login.vue'
import { mapState } from 'vuex'

export default {
  components: {
    TopBar,
    Header,
    Footer,
    login
  },
  computed: {
    ...mapState({
      loginshow: state => state.inloginshow.inloginshow
    })
  },
  async created() {
    let res = await jingpinAPT()
    console.log(res);
  }
}
</script>
<style lang="less">
</style>
